<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <link rel="shortcut icon" href="favicon.ico" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
{#      src="https://kit.fontawesome.com/64d58efce2.js"#}
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="../static/login/style.css" />
    <title>登录</title>
  </head>
  <body>
    <div class="container">
      <div class="forms-container">
        <div class="signin-signup">
              <form  class="sign-in-form" id="Login_from_id" action="" method="" >
            <h2 class="title">登录</h2>
              <p style="color:red ">{{ message }}</p>
            <div class="input-field">
              <i class="fas fa-user"></i>
              <input type="user" name="username" placeholder="用户名" />
            </div>
            <div class="input-field">
              <i class="fas fa-lock"></i>
              <input type="password" name="password" placeholder="密码" />
            </div>
                  <button onclick=login()  type="submit"  class="btn solid">登录</button>
          </form>
          <form id="zhuce_id" action="" method="" class="sign-up-form">
            <h2 class="title">注册</h2>
            <div class="input-field">
              <i class="fas fa-user"></i>
              <input name="username" type="text" placeholder="用户名" />
            </div>
              <div class="input-field">
              <i class="fas fa-envelope"></i>
              <input type="text" name="email" placeholder="邮箱" />
            </div>
            <div class="input-field">
              <i class="fas fa-lock"></i>
              <input name="password" type="password" placeholder="密码" />
            </div>
{#            < type="password" onclick="zhuce" class="btn" value="立即注册" />#}
              <input onclick="zhuce()" type="submit" value="立即注册" class="btn solid" />
              <p>{{ error }}</p>
          </form>
        </div>
      </div>
      <div class="panels-container">
        <div class="panel left-panel">
          <div class="content">
            <h3>关于我们</h3>
            <p>
             加入我,给我打工
            </p>
            <button class="btn transparent" id="sign-up-btn">
             去注册
            </button>
          </div>
          <img src="../static/login/img/log.svg" class="image" alt="" />
        </div>
        <div class="panel right-panel">
          <div class="content">
            <h3>已有帐号？</h3>
            <p>
             立即登录已有帐号，享受独家权益。
            </p>
            <button class="btn transparent" id="sign-in-btn">去登录
            </button>
          </div>
          <img src="../static/login/img/register.svg" class="image" alt="" />
        </div>
      </div>
    </div>

  <script src="../static/login/app.js"></script>
  <script>
      function login() {
          document.getElementById('Login_from_id').action='/login_action/';
          document.getElementById('Login_from_id').method='post';
          document.getElementById('Log  in_from_id').submit();
      }
      function zhuce() {
          document.getElementById('zhuce_id').action='/zhuce_action/';
          document.getElementById('zhuce_id').method='get';
          document.getElementById('zhuce_id').submit();
      }
  </script>

  </body>
</html>






















